<template>
  <div class="">
    <mu-appbar title="首页">
      <mu-icon-menu icon="more_vert" slot="right">
        <mu-menu-item title="菜单 1"/>
        <mu-menu-item title="菜单 2"/>
        <mu-menu-item title="菜单 3"/>
        <mu-menu-item title="菜单 4"/>
        <mu-menu-item title="菜单 5"/>
      </mu-icon-menu>
    </mu-appbar>
    <div class="page">
      <div>
        <mu-list>
          <mu-list-item title="My Tournaments" @click="go('admin-tournament')">
            <mu-icon slot="left" value="inbox"/>
          </mu-list-item>
          <mu-list-item title="Create Tournament" @click="go('create-tournament')">
            <mu-icon slot="left" value="grade"/>
          </mu-list-item>
          <mu-list-item title="Sent mail">
            <mu-icon slot="left" value="send"/>
          </mu-list-item>
          <mu-list-item title="Drafts">
            <mu-icon slot="left" value="drafts"/>
          </mu-list-item>
        </mu-list>
        <mu-divider />
        <mu-list>
          <mu-list-item title="All mail">
            <mu-icon slot="right" value="info"/>
          </mu-list-item>
          <mu-list-item title="Trash">
            <mu-icon slot="right" value="info"/>
          </mu-list-item>
          <mu-list-item title="Spam">
            <mu-icon slot="right" value="info"/>
          </mu-list-item>
          <mu-list-item title="Follow up">
            <mu-icon slot="right" value="info"/>
          </mu-list-item>
        </mu-list>
      </div>
    </div>
  </div>
</template>

<script>
  // import wdApi from './libs/wdApi'

  export default {
    data () {
      return {

      }
    },
    methods: {
      go (path) {
        console.log(path)
        this.$router.push(path)
      }
    },
    created () {

    }
  }

</script>

<style lang="less">

</style>
